﻿<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script>
function readFile(){   	//读取文件
    window.webkitRequestFileSystem( PERSISTENT,  1024,  
        function(fs){	//请求文件系统成功时所执行的回调函数
            var filename = document.getElementById("FileName").value; 
            fs.root.getFile(filename, 	//获取文件对象
                {create:false},
                function(fileEntry) {	//获取文件对象成功时所执行的回调函数
                    fileEntry.file(	//获取文件
                        function(file) {//获取文件成功时所执行的回调函数
                            var reader = new FileReader();
                            reader.onloadend = function(e) {
                                var txtArea = document.createElement('textarea');
                                txtArea.value = this.result;
                                document.body.appendChild(txtArea);
                            };
                            reader.readAsText(file);
                        }, 
                        errorHandler	//获取文件失败时所执行的回调函数
                    ); 
                }, 
                errorHandler); 	//获取文件对象失败时所执行的回调函数
        }, 
        errorHandler 	//请求文件系统失败时所执行的回调函数
    );
}
function errorHandler(e) {
    //省略代码
}
</script>
</head>
<body>
<h1>读取文件</h1>
文件名：<input type="text" id="FileName" value="test.txt"><br/> <br/> 
<input type="button" value="读取文件" onclick="readFile()"> <br/>
<output id="result" ></output>
</body>
</html> 
